body{background-color:#fff;}
.header{width:100%;  position:fixed;top:0;left:0; z-index:999; background:#ffffff; }
.header .left{width:35%}
.header .left a img{height:55px;margin:10px 0;}
.header .nav{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:100%;display:block; width:56%;}
.header .time{ width:18%; box-sizing:border-box; position:relative; float:right;}
.count{ position:absolute; right:0; top:0; background-color:#bf2525; border-radius:0 0 10px 10px; padding-top:15px; color:#fff; overflow: hidden;}
.count h3{ margin:0 10px; padding-left:25px; background:url(../images/clock.png) no-repeat 0 2px; font-size:14px; color:#fff; line-height:20px;}
.count ul li{ width:22%; margin-left:3%; margin-top:10px; text-align:center; float:left; padding:5px 0; background-color:#fff; border-radius:4px 4px  0 0 ;}
.count ul li strong{color:#bf2525;font-size:30px; line-height:34px;}
.count ul li p{color:#bf2525;font-size:14px; line-height:14px;}
.login .fl{ width:50%; background-color:#ffa800; text-align:center; }
.login .fl,.login .fl a{ font-size:15px; color:#fff; line-height:45px;}
.login .fl:last-child{ background-color:#fb9b03;}
 
.header .navbar_nav li{float:left; width:14.2%; box-sizing:border-box; text-align:center; position:relative;display:block}
.header .navbar_nav li:after{content:"";width:0;height:4px;background:#0071c1;position:absolute;bottom:0;left:0;transition:all .5s ease 0s}
.header .navbar_nav li:hover:after{width:100%}
.header .navbar_nav li a{text-decoration:none;height:100%; display:block; text-align:center; display:block;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;color:#333;font-size:16px; line-height:105px; }
.header .navbar_nav li.active a{ color:#0071c1;}
.header .navbar_nav li.dropdown{display:inherit;position:relative}
.header .navbar_nav li.dropdown .jt{width:20px;height:20px; background-size:100% 100%;display:block}
.header .navbar_nav li.dropdown .dropdown_menu{display:none;position:absolute;top:105px;width:100%;background:#fff;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:120%;left:-10%; z-index:2222;}
.header .navbar_nav li.dropdown .dropdown_menu a{font-size:15px;color:#666;padding:0 10px;line-height:46px;text-align:center;background:#fff;margin-bottom:2px}
.header .navbar_nav li.dropdown:hover .dropdown_menu{display:block;background:#fff;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color:#666}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color:#fff;background:#0071c1;}
.header.on .left a img{ margin:20px 0;} 
 .header.on .navbar_nav li a{ line-height:99px; font-weight:bold;}
.header.on .navbar_nav li.dropdown .dropdown_menu{ top:99px;}

#navToggle{display:none}
.m_nav{position:fixed;top:0;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:100%;height:100%;background:#fff;transition:all ease .5s;-webkit-transition:all ease .5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;top:0;transform:translateX(100%)}
.m_nav.open{transform:translateX(0)}
.m_nav .top{height:60px;padding:15px 20px;box-sizing:border-box}
.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .logo{width:100%;margin:0 auto}
.m_nav .logo img{ max-width:80%; display:block;margin:0px auto}
.m_nav .ul{margin-top:10px}
.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;opacity:0}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0s;transition:all .2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0s;transition:all .4s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(7){-webkit-transition:all 1.4s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(8){-webkit-transition:all 1.6s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(9){-webkit-transition:all 1.8s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li a{display:block;text-decoration:none;color:#333;font-size:16px;height:43px;line-height:43px;width:100%}
.m_nav .ul li .dropdown_menu{display:none}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block}
.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}
.m_nav .ul li .dropdown_menu a:last-child{border:none}
.bgheight{ height:119px;}
.time_clock{ display:none;}
.time_clock{ padding-top:10px; padding-bottom:10px;}
.time_clock,.time_clock a,.time_clock p{ font-size:16px; line-height:36px; color:#333;}
.time_clock strong{ font-size:24px; color:#bf2525; line-height:30px;}
.time_clock a:hover{ color:#fb9b03;}
@media screen and (max-width:1400px){
.header .left a img{height:auto; max-width:98%;}
.count ul li strong{ font-size:24px; line-height:28px;}
}
@media screen and (max-width:1200px){
.header .left{width:32%}
.header .nav{ width:68%;}
.time{ display:none;}
.time_clock{ display:block;}
.time_clock,.time_clock a,.time_clock p{ font-size:14px; line-height:26px; }
.time_clock strong{ font-size:20px;line-height:26px; }
}
@media screen and (max-width:992px){
 .bgheight{ height:54px;}
.header{padding:0px; position:fixed; left:0; top:0;}
.header #navToggle{height:100%;padding:9px 15px;margin-right:-15px;display:inline-block;float:right}
.header #navToggle span{position:relative;width:25px;height:2px;margin-top:19px}
.header #navToggle span:after,.header #navToggle span:before{content:'';position:relative;width:100%;height:2px;left:0}
.header #navToggle span,.header #navToggle span:after,.header #navToggle span:before{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;display:block;background:#0071c1;}
.header #navToggle span:before{top:8px}
.header #navToggle span:after{bottom:10px}
.header #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span{background:0 0}
.header #navToggle.open span:after,.header #navToggle.open span:before{background:#4f4f4f}
.header .nav{display:none}
.header .left{width:85%}
.header.on .left a img{ margin:6px 0;} 
}
.sm-logo{ display:none;}
@media screen and (max-width:1200px){
.search{ display:none;}
}
@media screen and (max-width:992px){
.logoleft,.topright{ display:none;}
.sm-logo{ display:block;}
.header .sm-logo a img{margin:10px 0;}
}
.wechat{ float:right; height:105px; margin-right:2%; position:relative; cursor:pointer; z-index:1000;}
.chathide{ position:absolute; top:80px; right:0px; max-width:100px; width:0px; height:0px; transition:all 0.3s;}
.wechats{ margin-top:45px;}
.wechat:hover .chathide{ width:100px; height:100px;}
.ri_gh{ float:right;}
.ri_gh .ri01 a{ color:#fff; font-size:15px;}
.ri_gh .ri01{ float:right; position:relative; padding-top:40px; padding-right:0px;cursor:pointer;}
.ri_gh .ri01 .menu{ display:block; width:25px;height:25px; background: url(../images/list.png) no-repeat; z-index:90;-webkit-transition:all .3s;transition:all .3s;}
.ri_gh .ri01:hover .wio{ display:block;}
.ri_gh .ri02{ float:left; position:relative; height:20px; margin-top:43px; cursor:pointer; padding-right:0%; width:30px; }

/*导航搜索css*/
.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  width:30px;
  height: 26px;
  margin: 0;
  padding: 0;
  outline: none;
  
  border: none;
  cursor: pointer;
}

#toggle-menu {
  float: left;
  background-position: 0 0;
  background-color: #bc0023;
}
#toggle-search {
  float: right;
  background: url(../images/rsou.png) no-repeat center 0px;
}
#toggle-search.open:after {
  top: 40px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 52px;
  left: 50%;
  margin-left: -8px;
  content: "";
  border-color: transparent transparent #e1e4e7;
  border-style: solid;
  border-width: 8px 8px 12px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:62px;
  right: 0;
  z-index:9999;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #f6f7f8;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size:16px;
  height: 60px;
  font-family:'微软雅黑';
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  font-size:16px;
  background: transparent;
  border: none; outline:none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color:#fff ;
  background: #0071c1;
  font-weight:normal;
  border: none;
  cursor: pointer;outline:none;
}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@media only screen and (max-width:1200px) {
.wechat , .ri_gh{ display:none;}	
	
}